<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>小U商城 - 登录</title>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/public.css">
    <link rel="stylesheet" href="css/login.css">
    <link rel="stylesheet" href="font/iconfont.css">
    <link rel="shortcut icon" href="images/xiaou_logo.png" type="image/x-icon">
</head>
<body>
    <!-- 顶部 -->
    <div id="top">
        <div class="type_area">
            <h2>
                <img src="images/logo.jpg" alt="">
                <i>欢迎登录</i>
            </h2>
        </div>
    </div>

    <!-- 内容区 -->
    <div id="middle">
        <div class="type_area">
            <img src="images/login_bg.jpg" alt="">
            <div class="neirong">
                <form action="">
                    <p>登录</p>
                    <label for="" class="iconfont bus">&#xe857;</label>
                    <input type="text" class="input1" placeholder="手机号/会员名/邮箱">

                    <label for="" class="iconfont bus">&#xe636;</label>
                    <input type="password" class="input1" placeholder="密码">

                    <input type="text" class="code" maxlength="5" placeholder="验证码">
                    <span>75360</span>

                    <input type="submit" value="登 录" class="submit">

                    <input type="checkbox" class="zidong">
                    <label for="" class="zidong">自动登录</label>
                    <a href="#">忘记密码?</a>
                </form>
                <div class="other">
                    <i class="i1"></i>
                    <i class="i2"></i>
                    <i class="i3"></i>
                    <span>
                        <a href="">QQ</a>
                    </span>
                    <span>
                        <a href="">微博</a>
                    </span>
                    <span>
                        <a href="">微信</a>
                    </span>
                    

                    <em><a href="#">立即注册</a></em>
                </div>
            </div>

            <div>

            </div>
        </div>
    </div>

    <!-- 底部 -->
    <div id="copyright">
        <p>Copyright © 2010-2016 小U商城 版权所有 保留一切权利</p>
        <p>经ICP备10218183号 经ICP证161188号 京公安备案 11010802020593号 出版物经营许可证新出发京批字第直130052号</p>
    </div>
</body>
</html>